<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Lu
  Date: 2019/8/15/015
  Time: 17:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/">
    <title>商品列表</title>
    <link rel="stylesheet" href="css/bootstrapcss/bootstrap.css">
    <script src="js/jquery-2.2.4.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/front-js/mzp-packed.js"></script>


    <style>
        /*每个商品所占的盒子*/
        .list-tab {
            margin-top: 20px;
            padding: 10px 10px;
            border: 1px solid white;

        }


        .list-tab:hover {
            border: 1px solid red;
        }

        .list-tab :hover img {
            transform: scale(1.1);

        }

        .goodsList img {
            height: 180px;
            width: 180px;
            padding: 5px;
            transition: all 0.5s ease 0s;

        }
        .goodsList .picture{
            position: relative;
            display: inline-block;
            /*overflow: hidden;*/
            transition: all 0.5s ease 0s;

        }



        /*价格*/
        .goodsList .price {
            font-size: medium;
            font-weight: normal;
            color: red;
        }

        /*供应商*/
        .goodsList .supplier {
            color: #c3c5b5;
            opacity: 90%;
        }

    </style>


</head>
<body>
<div class="container">
    <%--导入头部--%>
    <%--<jsp:include page="front-head.jsp"></jsp:include>--%>


    <div class="product-head">

        <div class="col-md-1 column">
        </div>


        <%--每列四张图片--%>
        <div class="col-md-10 column text-center" style="margin-top: 280px">

            <span style="font-size: 30px;">未找到相关商品，请点击返回主页</span>
            <a href="front/index.jsp" style="font-size:25px;color: orange">返回首页</a>
        </div>

        <%--尾部--%>


        <div class="col-md-1 column">
        </div>
    </div>


</div>
</body>
</html>
